<template>
  <child>
    <template v-slot:header>
      <h1>顶部区域</h1>
    </template>
    <template v-slot:main="{ msg }">
      <h1>内容区域:{{ msg }}</h1>
    </template>
    <template v-slot:footer>
      <h1>底部区域</h1>
    </template>
    <template v-slot="{ data }">
      <ul>
        <li v-for="(item, index) in data" :key="index">{{ item }}</li>
      </ul>
    </template>
  </child>
</template>

<script>
import child from "./child.vue";
export default {
  components: {
    child,
  },
};
</script>
